<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="applicable-device" content="mobile">
    <meta name="author" content="JSL" />
    <title>拼团商品详情</title>
    <link rel="apple-touch-icon" href="../img/logo100.png">
    <link rel="icon" href="../img/logo100.png">
    <link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css?rev=@@hash" />
    <link rel="stylesheet" type="text/css" href="../css/common.min.css?rev=@@hash" />
    <link rel="stylesheet" type="text/css" href="../css/topicDetails.css?rev=@@hash" />
    <link rel="stylesheet" type="text/css" href="../css/store.css?rev=@@hash" />
    <link rel="stylesheet" type="text/css" href="../css/PtProductDetails.css?rev=@@hash" />
</head>

<body>
    <div class="hui"></div>
    <div class="bai"></div>
    <div class="hintInfo"></div>
    <div class="loadImgBox">
        <img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
    </div>
    <div class="body-fake" v-cloak>
        <div id="supernatant" class="rgba6 share-box" :class="isGiftVip!=0||!!isApp?'hide':''">
            <div class="supernatant-left">
                <img class="getCommonHead" src="" />
                <p>
                    <i class="getCommonName">姿美汇VIP</i>
                    <span class="getCommonCode">邀请码:<u></u></span>
                </p>
            </div>
            <div class="supernatant-right">
                <div id="on" @click="on" class="clipboardPro">
                    打开APP
                </div>
            </div>
        </div>
        <div class="storeBody storeBodyBottom product-details overflowAut" :class="{'product-gift':!!isGift,'padding-top-50':!!shareUserId||(!!isApp&&!!getQueryString('isGiftVip'))}">
            <!-- 轮播组件 start-->
            <div class="product-swiper-box">
                <van-swipe :autoplay="4000" @change="onChange" :show-indicators='false'>
                    <van-swipe-item v-for="(item, index) in imgUrl" :key="index">
                        <img v-lazy="item.indexOf('group1/M00')<0?item:item+'_600x8000.jpg'" />
                    </van-swipe-item>
                </van-swipe>
                <!-- 自定义指示器 start -->
                <div class="details-bottom-box">
                    <span class="textCenter">
                        <i v-text="scrollNum"></i>/<i v-text="imgUrl.length"></i>
                    </span>
                </div>
                <!-- 自定义指示器 end -->
            </div>
            <!-- 轮播组件 end-->

            <!--产品名称一行-->
            <div class="product-details-info">
                <!--商品名称-->
                <div class="product-details-title">
                    <!--<span class="product-details-title-ms" v-show="limitNumber>0&&msType=='MS'">限购{{limitNumber}}件</span>--><span
                        v-text="goodsName"></span>
                </div>
                <!--商品描述-->
                <div class="product-details-describe" v-text="sellingPointsDesc"></div>
                <!--fx会员价·zy正常价-->
                <div class="product-details-price">
                    <i class="pt-title">拼团价</i>
                    <span>¥<i v-text="PTdata.PTinfo.activityPrice"></i></span>
                    <u class="margin-bom-2">
                        <uu> ¥<ii v-text='PTdata.PTinfo.oldPrice'></ii>
                        </uu>
                    </u>
                </div>

                <div class="product-postage">
                    <!--v-show="msType!='MS'"-->
                    <div class="pt-sheng" v-text="sheng(((PTdata.PTinfo.oldPrice)*1000000-(PTdata.PTinfo.activityPrice)*1000000)/1000000)">
                    </div>
                    邮费：<span class="marginRight10" v-text="shippingAmount"></span> 满<span v-text="freeShippingAmount"></span>即享包邮
                </div>
            </div>
            <div class="huiDiv" style="height:1px"></div>
            <div class="product-details-info product-details-oriented" @click="toCoupon">
                <span><i class="iconfont">&#xe610;</i><u>正品保证</u></span>
                <span><i class="iconfont">&#xe610;</i><u>7天无理由退货</u></span>
                <i class="iconfont pull-right margin-top-4 arrows margin-top-2">&#xe628;</i>
            </div>
            <div class="huiDiv"></div>
            <!-- Ta们正在拼单 -->
            <div class="pt-pindanIng van-cell-group van-hairline--top-bottom" v-show="PTdata.GroupList.length!=0">
                <div class="van-cell van-cell--clickable van-hairline">
                    <!---->
                    <div class="van-cell__title">
                        <span>Ta们正在拼单</span>
                    </div>
                    <div class="van-cell__value" @click="ptShowBtn" v-show="PTdata.GroupList.length>2"><span>查看更多</span></div><i
                        class="iconfont pull-right margin-top-4 arrows margin-top-2" v-show="PTdata.GroupList.length>2">&#xe628;</i>
                </div>
                <ul class="pt-pindanIng-list">
                    <li v-for="item,index in PTdata.GroupList">
                        <div class="pt-pindanIng-left">
                            <img :src="item.starterHeadImageUrl==''?'../img/head_.png':item.starterHeadImageUrl">
                            <span v-text="getByteLen(item.starterNickName)>10?item.starterNickName.slice(0, 5) + '...':item.starterNickName"></span>
                        </div>
                        <div class="pt-pindanIng-right">
                            <button class="van-button" @click="directPT(item.groupId)">直接拼</button>
                        </div>
                        <div class="pt-pindanIng-right-info">
                            <p>还差<span style="color: red" v-text="item.limitActorNum-item.realActorNum"></span>人拼成</p>
                            <p>剩余<span v-text="item.remainTimeStr" :id="'time'+index"></span></p>
                        </div>
                    </li>

                </ul>
            </div>
            <div class="huiDiv" v-show="PTdata.GroupList.length!=0"></div>
            <!-- 专享团流程图 -->
            <div class="pt-flow">
                <!-- 1--普通团 -->
                <template v-if="PTdata.PTinfo.activityType=='common_pt_groupon'">
                    <div class="van-cell van-cell--clickable van-hairline">
                        <!---->
                        <div class="van-cell__title"><span>拼团流程</span>
                            <!---->
                        </div>
                        <div class="van-cell__value" @click="PtRule(2)"><span>详细规则</span></div><i class="iconfont pull-right margin-top-4 arrows margin-top-2">&#xe628;</i>
                    </div>
                    <div class="pt-flow-list">
                        <img src="../img/rule/frendFlow@3x.png">


                    </div>
                </template>
                <!-- 2--新人团 -->
                <template v-else-if="PTdata.PTinfo.activityType=='new_guest_pt_groupon'">
                    <div class="van-cell van-cell--clickable van-hairline">
                        <!---->
                        <div class="van-cell__title"><span>新人专享团</span>
                            <!---->
                        </div>
                        <div class="van-cell__value" @click="PtRule(1)"><span>详细规则</span></div><i class="iconfont pull-right margin-top-4 arrows margin-top-2">&#xe628;</i>
                    </div>
                    <div class="pt-flow-list">
                        <img src="../img/rule/newFlow@3x.png">


                    </div>
                </template>
                <!-- 3--团长免单团-->
                <template v-else-if="PTdata.PTinfo.activityType=='colonel_free_pt_groupon'">
                    <div class="van-cell van-cell--clickable van-hairline">
                        <!---->
                        <div class="van-cell__title"><span>团长免单流程</span>
                            <!---->
                        </div>
                        <div class="van-cell__value" @click="PtRule(3)"><span>详细规则</span></div><i class="iconfont pull-right margin-top-4 arrows margin-top-2">&#xe628;</i>
                    </div>
                    <div class="pt-flow-list">
                        <img src="../img/rule/tuanzhang@2x.png">


                    </div>
                </template>
            </div>
            <!--日记大盒子-->
            <div class="product-details-interim textCenter" v-show="diary.length>0">
                <span>相关日记</span>
            </div>
            <div class="product-diary-box-shells" v-show="diary.length>0">
                <div class="product-diary-box-shell">
                    <div class="product-diary-box" :style="{width:diaryWidth+'px'}">
                        <div class="product-diary" v-for='item in diary' @click="toDiary(item.id,item.createTime,item.userId)">
                            <div class="product-diary-top">
                                <img class="product-diary-play" v-show="item.mediaType=='video'" src="../img/product/play.png" />
                                <img class="product-diary-userImg" v-lazy="item.media.indexOf('group1/M00')<0?item.media:item.media+'_300x8000.jpg'" />
                                <div class="product-diary-top-text textCenter">
                                    <div class="product-diary-title vhide" v-text="item.tagStr"></div>
                                    <div class="product-diary-peach">
                                        <img src="../img/product/nice.png" />
                                        <i v-text="item.taoCount"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="product-diary-bom" v-text="item.content"></div>
                        </div>
                    </div>
                </div>
            </div>
            <!--日记大盒子-->
            <div class="product-details-interim textCenter">
                <span>继续拖动查看商品详情</span>
            </div>
            <ul class="showListMineChose textCenter toDetails">
                <li @click.stop="toDetails" class="mineprize mineChose active"><span>商品详情</span></li>
                <li @click.stop="template.toMall()" class="minetask mineChose"><span>购买须知</span></li>
            </ul>
            <ul class="showListMineBackground textCenter">
                <li><span class="active"></span></li>
                <li><span></span></li>
            </ul>
            <!-- 商品详情  v-html="detail" -->
            <div class="product-details-content" id="details">
                <template v-for='im,ix in datailImgs'>
                    <img v-lazy="im">
                </template>
            </div>
            <div class="product-details-interim textCenter toMall">
                <span>购买须知</span>
            </div>
            <div class="product-details-content product-details-hot-false " v-html="instructions"></div>

        </div>
        <img v-show="backtop" class="product-details-backtop" @click="back_top" src="../img/product/backtop.png" />
        <!-- 底部选择 -->
        <van-goods-action v-if="!isApp">
            <van-col span="5" class="van-goods-action-left">
                <div @click="window.location.href='index.html'">
                    <van-col span="24" class="homePage">
                        <img src="../img/product/homePage3x.png">
                        <p>首页</p>
                    </van-col>
                </div>
            </van-col>
            <van-col span="19">
                <div @click="specificationChooce(true,1,'F')">
                    <van-col span="24" class="buyNow">
                        马上开团<span v-text="'¥'+PTdata.PTinfo.activityPrice"></span>

                    </van-col>
                </div>
            </van-col>
        </van-goods-action>
        <!--底部弹框 加入购物车规格选择 -->
        <van-popup v-model="bottowPopup.cartShow" position="bottom" class="specificationChooce">
            <div class="specificationChooce-info">
                <div class="specificationChooce-info-left">
                    <img :src="specificationData.specificationDetail.imgUrl">
                </div>
                <div class="specificationChooce-info-right">
                    <p v-text="'拼团价￥'+specificationData.specificationDetail.activityPrice"></p>
                    <div class="pt-sheng" v-text="sheng(((specificationData.specificationDetail.oldPrice)*1000000-(specificationData.specificationDetail.activityPrice)*1000000)/1000000)"></div>
                    <p>库存<i v-text="specificationData.inventory"></i>件</p>

                    <p v-text="specificationData.specificationDetail.specifications"></p>
                </div>
            </div>
            <div class="specificationChooce-specification">
                <p>规格</p>
                <ul>
                    <template v-for="(item, index) in specificationData.specificationList" :key="">
                        <li v-if="item.activityInventory <= 0" class="specification-noactive" v-text="item.specifications"></li>
                        <li v-else v-text="item.specifications" :class="{'specification-active':index == specificationData.secondActive}"
                            @click="specificationDetailC(index)"></li>
                    </template>
                </ul>
            </div>
            <template v-if="isXiangou">
                <p class="xiangou"> 限购<span>1</span>件</p>
            </template>
            <template v-else>
                <div class="specificationChooce-num">
                    <p>数量</p>
                    <div class="specificationChooce-ADD"><span @click="specificationData.num<=1?1:specificationData.num--"
                            :class="specificationData.num==1?'PTnumStyle':2">-</span><span v-text="specificationData.num"></span><span
                            @click="specificationData.num>=specificationData.inventory?specificationData.inventory:specificationData.num++">+</span></div>
                </div>
            </template>
            <div class="safeguardExplain-close" @click="specificationChooceSave">确定</div>
            <i class="van-sku__close-icon van-icon van-icon-close" @click="bottowPopup.cartShow=!bottowPopup.cartShow">
                <!----></i>
        </van-popup>
        <!--底部弹框 保障说明 -->
        <van-popup v-model="bottowPopup.show" position="bottom" class="safeguardExplain">
            <img src="../img/product/safeguardExplain3x.png">
            <div class="safeguardExplain-close" @click="toCoupon">关闭</div>
        </van-popup>

        <!-- 中间弹层：正在拼单 -->
        <van-popup v-model="ptShow" class="ptListIng">
            <div class="ptListIng-title ">
                正在拼团
                <img src="../img/product/shop_close.png" alt="" @click="ptShow=false">
            </div>
            <ul style="height:300px">
                <li v-for="item,index in PTdata.GroupList">
                    <img :src="item.starterHeadImageUrl==''?'../img/head_.png':item.starterHeadImageUrl">
                    <div class="ptListIng-left-info">
                        <p><span v-text="getByteLen(item.starterNickName)>10?item.starterNickName.slice(0, 5) + '...':item.starterNickName"></span>还差<i
                                v-text="item.limitActorNum-item.realActorNum"></i>人</p>
                        <!-- <p>剩余<span :id="'ptime'+index"></span></p> -->
                        <p>剩余<span v-text="item.remainTimeStr" :id="'ptime'+index"></span></p>
                    </div>
                    <div class="ptListIng-right">
                        <button class="btn" @click="directPT(item.groupId)">直接拼</button>
                    </div>
                </li>
            </ul>
            <div class="ptListIng-b" v-show="PTdata.GroupList.length==5">
                仅显示5位正在进行的拼单
            </div>
        </van-popup>

    </div>
    <script src="../lisp/jquery-2.1.4.min.js?v= b0dc11d" type="text/javascript" charset="utf-8"></script>

    <script src="../lisp/fastclick.min.js?v= cd7929d" type="text/javascript" charset="utf-8"></script>
    <script src="../lisp/vue.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="..//lisp/vant/js/vantJs.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lisp/vue-lazyload.js?v= 650cb1c" type="text/javascript" charset="utf-8"></script>
    <script src="../js/constant.js?v=zmt181023" type="text/javascript" charset="utf-8"></script>
    <script src="../js/common.js?v=zmt181023" type="text/javascript" charset="utf-8"></script>
    <script src="../lisp/radialIndicator/iscroll.min.js?v= fe563fd" type="text/javascript" charset="utf-8"></script>
    <script src="../js/PtProductDetails.js?v= 3q42s7" type="text/javascript" charset="utf-8"></script>
</body>

</html>